body {
  margin: 0;
  padding: 0;
}

:root {
  --theme: #26a2ff;
  --gray: #808080;
  --gray2: #eeeeee;
  --red: #fa2c19;
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.flex-1 {
  flex: 1;
}

.j-center {
  justify-content: center;
}

.j-between {
  justify-content: space-between;
}

.j-evenly {
  justify-content: space-evenly;
}

.j-around {
  justify-content: space-around;
}

.a-center {
  align-items: center;
}

.a-stretch {
  align-items: stretch;
}


input {
  height: 0;
  padding: 1.2em .5em;
  background-clip: content-box;
}

ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

img {
  vertical-align: middle;
}

::-webkit-scrollbar {
  width: 0px;
  display: none;
}

button,
input,
input[type='button'] {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  outline: none;
}